import { useNavigate } from "react-router-dom";
import styles from "./index.module.less";

const Footer = () => {
  const navigate = useNavigate();

  return (
    <div className={styles["footer"]}>
      <div className={styles["solo-line"]}>
        <span
          onClick={() => {
            navigate("/rule/yum");
          }}
        >
          发卡章程
        </span>
        |
        <span
          onClick={() => {
            navigate("/contract/yum");
          }}
        >
          购卡协议
        </span>
        |
        <span
          onClick={() => {
            navigate("/faq");
          }}
        >
          常见问题
        </span>
        |
        <span
          onClick={() => {
            navigate("/contact");
          }}
        >
          联系我们
        </span>
      </div>
      <div className={styles["solo-line"]}>客服热线：4009-123-823</div>
      <div className={styles["solo-line"]}>
        版权所有：环胜电子商务（上海）有限公司 沪ICP备17028264号-2 沪公网安备
        31010402003278号
      </div>
    </div>
  );
};

export default Footer;
